<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head th:replace="/common/head :: head" />
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal" id="userForm">
            <div class="row">
                <div class="col-sm-6 b-r">
                    <div class="hr-line-dashed"></div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">账户</label>
                        <div class="col-sm-9">
                            <input class="form-control" id="account" name="account" type="text">
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">性别</label>
                        <div class="col-sm-9">
                            <select class="form-control" id="sex" name="sex">
                                <option value="1">男</option>
                                <option value="2">女</option>
                            </select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">部门</label>
                        <div class="col-sm-9">
                            <input class="form-control" id="deptName" name="deptName" type="text" readonly="readonly" onclick="UserDlg.showDeptSelectTree(); return false;" style="background-color: #ffffff !important;">
                            <input class="form-control" id="deptId" type="hidden">
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">职务</label>
                        <div class="col-sm-9" >

                            <select class="form-control" id="post" name="post">
                                <option value="" >请选择职务...</option>
                                <option th:each="postComboList : ${postComboList}"
                                        th:value="${postComboList.pId}" th:text="${postComboList.pName}" >${postComboList.pName}</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div id="driverInfoContent">
                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">姓名</label>
                            <div class="col-sm-9">
                                <input class="form-control" id="name" name="name" type="text">
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">出生日期</label>
                            <div class="col-sm-9">
                                <input class="form-control" id="birthday" name="birthday" type="date" onclick="laydate({istime: false, format: 'YYYY-MM-DD'})">
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">电话</label>
                            <div class="col-sm-9">
                                <input class="form-control" id="phoneNum" name="phoneNum" type="text">
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 这是部门选择的下拉框 -->
            <div id="deptContent" style="display: none; position: absolute; z-index: 200;">
                <ul id="deptTree" class="ztree tree-box" style="width: 249px !important;"></ul>
            </div>

            <div class="row btn-group-m-t">
                <div class="col-sm-10">
                    <button type="button" class="btn btn-info" shiro:hasPermission ="/user/add" onclick="UserDlg.addUserSubmit()">
                        <i class="fa fa-check"></i>&nbsp;提交
                    </button>
                    <button type="button" class="btn btn-danger" onclick="UserDlg.close()">
                        <i class="fa fa-eraser"></i>&nbsp;取消
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<footer th:replace="/common/footer :: footer"></footer>
<script th:src="@{/js/system/user/user-dlg.js}"></script>
</body>
</html>
